<%@ page language="java" contentType="text/html; charset=windows-1255"
    pageEncoding="windows-1255"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<link rel="stylesheet" type="text/css" href="./myStyles.css" />
	<script src = "./myFuncs.js"></script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1255">
<title>Create New Account Page</title>
</head>
<body>

		<div id="header">
			<div class="container">

				<a href="MainPage.jsp"><img width="222px"  height="130"  id="logo"  title="HOME" src="logo.jpg" /></a>
				
				<ul class="navigator">
					<li><a href="MainPage.jsp" >LOGIN</a></li>
					<li><a href="CreateNewAccount.jsp" >NEW ACCONT</a></li>
					<li><a href="Rools.jsp" >RULES</a></li>				
				</ul>	

			</div>
		</div>
		
	<div class="bodyColor">		
		<div class="container"> 
 
	 	  <center>
	 	  <br/>
            <h2>New User Details</h2>
            <form  action="addNewUser" name="newAccountForm" method="post"  onsubmit="javascript:return validate();">
         	   <table border=1 bgcolor="white" width=500  height=100 >
           		 <tr>
	           		 <td width="30%" >Username: </td>
			         <td width="35%"><input type="text"  id ="username" name="username"  tabindex="1" onblur="validateUsername();"></td>
			         <td><label id="errUsername"></label> </td>		    
			     </tr>
			     <tr>
	           		 <td width="30%" > Password: </td>
			         <td width="35%"> <input type="password"  id="password"  name="password"  tabindex="2" onblur="validatePassword();"> </td>	
			         <td width="35%"><label id="errPassword"></label>  </td>	        
			     </tr>
		         <tr>
          	 		 <td width="30%" > Repeat:</td>
			         <td width="35%"> <input type="password" id="repeatPassword" name="repeatPassword" tabindex="3" onblur="validateRepeatPassword();"> </td>
			         <td width="35%"> <label id="errRepeatPassword"></label> </td>	         
			     <tr>
	           		 <td width="30%" >Nickname: </td>			                 
			         <td width="35%"> <input type="text"  id ="nickname" name="nickname" tabindex="4" onblur="validateNickname();">	</td>
			         <td width="35%"><label id="errNickname"></label>  </td>
		         </tr>
		         
		      <tfoot> 
		          <tr>		  	       	        
		          	 	<th colspan="3"> <input type="submit" value="Submit" tabindex="5">  </th>			         
		          </tr> 
		       </tfoot>               
		          
         	  	</table>

            </form>
        </center>
       </div>
	</div>
	
	 <div class="footer">		
		<div class="container"> 
		
			<br/>
      			All rights reserved to Amit Peled & Alon Rom - 2013
      		
		</div>
      </div>

</body>
</html>